@import "./base/hack";

html,body{
  min-width : 1024px;
  height : 100%;
  overflow-x: hidden;
  overflow-y: auto;
  font-family: "微软雅黑",sans-serif;   // 微软雅黑明显好看
}

#react_root{
  height: 100%;
}

.container{
  width: 100%;
  height : 100%;
  top : 0;
  position: absolute;
  padding-top: 50px;
}

#AdminHeader{

}

// 外面包裹一层absolute元素
#AdminSidebar{
  position: absolute;
  left:0;
  bottom: 0;
  top: 50px;
  height : auto;
  z-index: 1000;
  transition: left .5s;
}

#AdminSidebar.hide{
  left : -200px;
}

// 超出部分使用 overflow: auto 进行页面内滚动
#AdminContent{
  height : 100%;
  min-width : 1024px - 100px;
  width : 100%;
  padding-left: 200px;
  overflow-x: auto;
  overflow-y: auto;
  position: relative;
  transition: width,padding .5s,.5s;
}